<!DOCTYPE html>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<head>

	<meta charset="utf-8">
	<title>{$meta_title}</title>
	<meta name="keywords" content="{$meta_keywords}" />
	<meta name="description" content="{$meta_description}" />
	<!-- <meta name="author" content="dayrui@qq.com" > -->
	<meta name="Copyright" content="unpor v{CMS_VERSION}" >
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="{SITE_THEME}css/style.css" media="screen"/><!-- MAIN STYLE CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/css.css" media="screen"/><!-- MAIN STYLE CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/responsive.css" media="screen"/><!-- RESPONSIVE CSS FILE -->
	<link rel="stylesheet" id="style-color" href="{SITE_THEME}css/colors/blue-color.css" media="screen"/><!-- DEFAULT BLUE COLOR CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/prettyPhoto.css" media="screen"/><!--PRETTYPHOTO CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/font-awesome/font-awesome.min.css" media="screen"/><!-- FONT AWESOME ICONS CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/layer-slider.css" media="screen"/><!-- LAYER SLIDER CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/flexslider.css" media="screen"/><!-- FLEX SLIDER CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/revolution-slider.css" media="screen"/><!-- REVOLUTION SLIDER CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/unpor_goucheliucheng.css" media="screen"/><!-- REVOLUTION SLIDER CSS FILE -->
	<link rel="stylesheet" href="{SITE_THEME}css/unpor_detail.css" media="screen"/><!-- REVOLUTION SLIDER CSS FILE -->
	<!-- All JavaScript Files (FOR FASTER LOADING OF YOUR SITE, REMOVE ALL JS PLUGINS YOU WILL NOT USE)-->

	<script type="text/javascript">var homepath = '{SITE_THEME}';var sitepath = '{SITE_PATH}{ENTRY_SCRIPT_NAME}';</script>
	<script type="text/javascript" src="{SITE_THEME}js/jquery.min.js"></script><!-- JQUERY JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/jquery-ui.js"></script><!-- JQUERY JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/flex-slider.min.js"></script><!-- FLEX SLIDER JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/navigation.min.js"></script><!-- MAIN NAVIGATION JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/jquery.layerslider.js"></script><!-- LAYER SLIDER JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/layerslider.transitions.js"></script><!-- LAYER SLIDER TRANSITIONS JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/carousel.js"></script><!-- CAROUSEL SLIDER JS -->
	<script type="text/javascript" src="{SITE_THEME}js/jquery.theme.plugins.min.js"></script><!-- REVOLUTION SLIDER PLUGINS JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/jquery.themepunch.revolution.min.js"></script><!-- REVOLUTION SLIDER JS FILE -->

	<script type="text/javascript" src="{SITE_THEME}js/instagram.js"></script><!-- INSTAGRAM WIDGET JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/prettyPhoto.min.js"></script><!-- PRETTYPHOTO JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/jquery.tooltips.min.js"></script><!-- TOOLTIPS JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/isotope.min.js"></script><!--ISOTOPE JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/scrolltopcontrol.js"></script><!-- SCROLL TO TOP JS PLUGIN -->
	<script type="text/javascript" src="{SITE_THEME}js/jquery.transit.min.js"></script><!-- TRANSITION JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/cookie.js"></script><!-- CUSTOM JAVASCRIPT JS FILE -->
	<script type="text/javascript" src="{SITE_THEME}js/custom2.js"></script><!-- CUSTOM JAVASCRIPT JS FILE -->
	
</head>
<body>
<div id="container">
	<!-- main container starts-->
	<div id="wrapp">
		<!-- main wrapp starts-->
		<header id="header" style="background:rgba(255,255,255,0.1);width: 100%;z-index: 99999999999;">
			<div style="height: 60px;width: 100%;background:rgba(255,0,0,0.8);">
			<div class="logo_w" style="height: 60px;width: 200px;float: left;text-align: right">
				<div class="float-right"><a href="{SITE_URL}"><img style="height: auto;margin-top: 10px;" src="{SITE_THEME}images/logo.png" alt="youpo"/></a></div>
			</div>
			<div class="phone400 float-left" style="color: #fff;margin-top: 13px">{block(1)}</div>
			<div style="width:600px;float: right;height: 60px;line-height: 60px;">
				<a href="{SITE_PATH}"><li style="float: left;width:120px;color: #fff;font-size: 16px;">首页</li></a>
				{loop $cats $t}
				{if $t['parentid']==0 && $t['ismenu'] && in_array($t['catid'],array(10,23,99,133))}
				<li class="new_li" style="float: left;width:120px;color: #000;font-size: 16px;"><a href="{$t['url']}" style="color: #fff;">{$t['catname']}</a>
					<ul class="new_ul" style="display: none;position: absolute;top: 60px;text-align:center;width: 200px;margin-left:-65px;line-height: 40px;z-index: 999999;background-color: #F1F1F1;color: #FFF;">
						{loop $cats $tt}
						{if $tt['parentid']==$t['catid']}
						<li class="one_a" style="line-height: 40px;width: 100%;"><a href="{$tt['url']}" style="font-weight: normal;">{$tt['catname']}</a></li>
						{/if}
						{/loop}
					</ul>
				</li>
				{/if}
				{/loop}
			</div>
			</div>
			<div style="clear: both;"></div>
			<style>
			</style>
<div style="width:100%;height: 42px;line-height: 42px;background:rgba(255,255,255,0.7);padding-left: 2%">
	<!--<li class="new_li2" style="width:12%;text-align:center;float: left;color: #626262;font-size: 14px;"><a href="/index.php?c=content&a=list&catid=55">城市公交</a>-->
		<!--<ul class="new_ul2" style="width:200px;display: none;position: absolute;top: 102px;text-align:center;line-height: 42px;z-index: 999999;background-color: #ccc;color: #FFF;">-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=68">超级巴士Super bus</a></li>-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=93">8.2米电动超级巴士</a></li>-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=422">10.7米纯电动城市公交</a></li>-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=423">气电混动</a></li>-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=424">城市公交BJ6850B21N</a></li>-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=426">城市公交BJ6950B21N</a></li>-->
												<!---->
		<!--</ul>-->
	<!--</li>-->
	<!--<li class="new_li2" style="width:12%;text-align:center;float: left;color: #626262;font-size: 14px;"><a href="/">纯电动客车</a>-->
		<!--<ul class="new_ul2" style="width:200px;display: none;position: absolute;top: 102px;text-align:center;line-height: 42px;z-index: 999999;background-color: #ccc;color: #FFF;">-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=427">BJ6830C01EV</a></li>-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=428">纯电动客车BJ6109C02EV</a></li>-->

		<!--</ul>-->
	<!--</li>-->
	<!--<li class="new_li2" style="width:12%;text-align:center;float: left;color: #626262;font-size: 14px;"><a href="/">轻客</a>-->
		<!--<ul class="new_ul2" style="width:200px;display: none;position: absolute;top: 102px;text-align:center;line-height: 42px;z-index: 999999;background-color: #ccc;color: #FFF;">-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=429">日系轻客</a></li>-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=430">纯电动座位轻客</a></li>-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=431">柴油轻客</a></li>-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=432">纯电动厢式运输车</a></li>-->
		<!--</ul>-->
	<!--</li>-->
	<!--<li class="new_li2" style="width:12%;text-align:center;float: left;color: #626262;font-size: 14px;"><a href="/index.php?c=content&a=list&catid=52">警务专用车</a>-->
		<!--<ul class="new_ul2" style="width:200px;display: none;position: absolute;top: 102px;text-align:center;line-height: 42px;z-index: 999999;background-color: #ccc;color: #FFF;">-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=433">警务专用车</a></li>-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=434">环境监测车</a></li>-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=435">城市物流车</a></li>-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=436">标准救护车</a></li>-->
			<!--<li style=""><a href="/index.php?c=content&a=show&id=437">旅居房车</a></li>-->
		<!--</ul>-->
	<!--</li>-->




<div style="width:40%;float:left;">
				{php $a=0;}
				{loop $cats $to}
				{if $to['parentid']==49}
				{php $a++;}
				{if $a<=4}
				<li class="new_li2" style="width:33%;text-align:center;float: left;color: #626262;font-size: 16px;"><a href="{$to['url']}">{$to['catname']}</a>
					<ul class="new_ul2" style="width:200px;display: none;position: absolute;top: 102px;text-align:center;font-size:14px;line-height: 42px;z-index: 999999;background: rgba(255,255,255,0.6);">
						{php $arrchildsstwo = @explode(',',$to['arrchildid']);}
						{php $as=count($arrchildsstwo);}
						{php $b=array();}
						{list cache=0}
						{if in_array($t['catid'],$arrchildsstwo)}
						{php $b[]=array('url'=>$t['url'],'title'=>$t['title'],'order'=>$t['listorder']);}
						{/if}
						{/list}
						<?php
						$len=count($b);
							for($k=0;$k<$len;$k++){
							$tmp = $b[$k]['order'];
							$tmp2 = $b[$k];
								for($j=$k+1;$j<=$len;$j++){
									if($b[$j]['order']<$tmp){
										$tmp = $b[$j]['order'];
										$b[$k] = $b[$j];

										$b[$j] = $tmp2;
										$tmp2 = $b[$k];
									}
								}
							}

						?>
						{loop $b $la}
						<li class="two_a"><a href="{$la['url']}">{$la["title"]}</a></li>
						{/loop}
					</ul>
				</li>
				{/if}
				{/if}
				{/loop}

</div>

				{loop $cats $ts}
				{if $ts['catid']==52}


			{php $arrchildss = @explode(',',$ts['arrchildid']);}
				<li class="new_li2" style="width:12%;text-align:center;float: left;color: #626262;font-size: 16px;"><a href="{$ts['url']}">{$ts['catname']}</a>
					<ul class="new_ul2" style="font-size:14px;width:200px;display: none;position: absolute;top: 102px;text-align:center;line-height: 42px;z-index: 999999;background: rgba(255,255,255,0.6);">
						{loop $cats $twca}
						{if in_array($twca['catid'],$arrchildss)}
						{php $arrchildsstwo = @explode(',',$twca['arrchildid']);}
						{list cache=3600}
						{if in_array($t['catid'],$arrchildsstwo)}
						<li class="two_a"><a href="{$t['url']}">{$t["title"]}</a></li>
						{/if}
						{/list}
						{/if}
						{/loop}
					</ul>
				</li>
				{/if}
				{/loop}
</div>
		</header>
		<style>
			.po_right{
				position: relative;
				width:0px;
				height:550px;
				float: left;
				background-color: #F1F1F1;
				text-align: center;
				z-index: 9999;
			}
			.po_button{
				position: relative;
				width:50px;
				float: left;
				height:50px;
				top:150px;
				z-index: 9999;
				border-top-left-radius: 20%;
				border-bottom-left-radius: 20%;
			}
			.po{
				position: absolute;
				height:550px;
				/*background-color: blue;*/
				right:0;
				top:50px;
				z-index: 9999;
			}
			.po p{ font-size:15px; font-weight:bold; font-family:Arial; color:#11a3e2;
				width:100%;text-align: center;}
			.po em{ border-top:1px solid #fff; display:block; padding-top:5px; }

			.q_phone{width:100px;margin-top:5px;color:#9e9e9e;}
			.q_free{cursor:pointer;background-color:#009cdf;color:#fff;padding:3px 2px;width:103px;text-align:center;margin-top:12px;border-radius:5px;margin-left:5px;}

		</style>
		<!---->
		<div class="po">
			<div class="po_button"><img src="{SITE_THEME}unpor/qq.png"></div>
			<div class="po_right">
				<br/>
				<p><a href="/index.php?c=content&a=list&catid=29"><img src="{SITE_THEME}unpor/one1.png" width="50"></a></p>
				<p>&nbsp;在线订单</p>
				<div style="width: 50%;margin-left: 25%;height: 1px;background-color: #d6d6d6"></div>
				<div style="width: 50%;margin-left: 25%;height: 1px;background-color: #fff"></div>
				<br/>
				<p><a href="http://wpa.qq.com/msgrd?v=3&uin={block(2)}&site=qq&menu=yes"><img src="{SITE_THEME}unpor/two2.png" width="50"></a></p>
				<p>在线咨询</p>
				<div style="width: 50%;margin-left: 25%;height: 1px;background-color: #d6d6d6"></div>
				<div style="width: 50%;margin-left: 25%;height: 1px;background-color: #fff"></div>
				<br/>
				<p><a href="#"><img src="{SITE_THEME}unpor/three3.png" width="50"></a></p>
				<p>配件购买</p>
				<div style="width: 50%;margin-left: 25%;height: 1px;background-color: #d6d6d6"></div>
				<div style="width: 50%;margin-left: 25%;height: 1px;background-color: #fff"></div>
				<br/>
				<p style="color: gray;font-size: 14px">24小时热线</p>
				<p style="font-size: 16px;">{block(1)}</p>
				<input style="width:100px;margin-left:45px;margin-top:5px;padding:3px 0px 3px 5px;color:#9e9e9e;" id="pinput" type="text" placeholder="输入您的手机号" />
				<button style="cursor:pointer;background-color:#009cdf;color:#fff;padding:3px 2px;width:103px;text-align:center;margin-left:-5px;margin-top:12px;border-radius:5px;" id="pbutton" >免费电话咨询</button>
			</div>
		</div>
		<!-- header ends-->
		<!--layer slider ends-->
		<script type="text/javascript" src="{SITE_THEME}js/jquery.min.js"></script>
		<script>
			$('.one_a').mouseover(function () {
				$(this).css('background-color','red');
				$(this).children('a').css('color','#FFF');
                $(this).siblings('li').css('background-color','#F1F1F1');
                $(this).siblings('li').children('a').css('color','#000');
            });
			$('.one_a').mouseout(function () {
				$(this).css('background-color','#F1F1F1');
				$(this).children('a').css('color','#000');
            });
			//下面的栏目
			$('.two_a').mouseover(function () {
				$(this).css('background-color','red');
				$(this).children('a').css('color','#FFF');
                $(this).siblings('li').css('background','rgba(255,255,255,0)');
                $(this).siblings('li').children('a').css('color','#000');
            });
			$('.two_a').mouseout(function () {
				$(this).css('background','rgba(255,255,255,0)');
				$(this).children('a').css('color','#000');
            });



            $('#pbutton').click(function () {
                var rule=/^1[345678]{1}[0-9]{9}$/;
                var phone = $('#pinput').val().trim();
                if(!rule.test(phone)){
                    alert('请输入正确的手机号码');
                }else{
                    $.ajax({
                        type: "POST",
                        dataType:"json",
                        url: "index.php?c=content&a=insertP",
                        data: 'phone='+phone,
                        success: function(data) {
                            if (data.status == 1) {
                                $('#pinput').val('');
                                alert('您的号码已提交，稍后会有客服人员与您联系');
                            } else if(data.status == 2){
                                $('#pinput').val('');
                                alert('您已经提交过了，请等待客服回应或24小时以后再提交');
                            }else{
                                $('#pinput').val('');
                                alert('号码录入失败，请联系客服或拨打电话');
                            }
                        },
                        error: function(HttpRequest, ajaxOptions, thrownError) {
                            alert(thrownError + "\r\n" + HttpRequest.statusText + "\r\n" + HttpRequest.responseText);
                        }
                    });
                }
            })


            $('.new_li').mouseover(function () {
                $(this).children('ul').css('display','block');
                $(this).siblings('li').children('ul').css('display','none');
            })

            $('.new_li').mouseout(function () {
                $(this).children('ul').css('display','none');
            })
            $('.new_li2').mouseover(function () {
                $(this).children('ul').css('display','block');
                $(this).siblings('li').children('ul').css('display','none');
            })

            $('.new_li2').mouseout(function () {
                $(this).children('ul').css('display','none');
            })
		</script>
		<script>
		//$('.no a').mouseover(function(){
		//	alert($(this).css('color'));
		//	$(this).css('color','#fff');
		//})
		$(window).scroll(function(){
			var top=$(window).scrollTop();
			$('.unpor_ul_li').css('top',-(top-135)+'px');

            var top2=$('.po').offset().top;
            $('.po').stop().animate({top:top+50,height:'550px'});
		})
		
			$('.po_button').click(function(){
				var w = $('.po_right').css('width');
				if(w=='0px'){
					$('.po_right').animate({
						width:'200px',
						height:'550px'
					})
				}else{
					$('.po_right').animate({
						width:'0px',
						height:'550px'
					})
				}
			})
						
						$('.no').eq(0).css('margin-top','10px');
						$('.unpor_test_css').each(function(){
							var mar = $(this).children().length;
							if(mar <= 3){
								$(this).children().eq(mar-1).css('margin-bottom','240px');
							}
							if(mar > 3 && mar <= 6){
								$(this).children().eq(mar-1).css('margin-bottom','170px');
							}
							if(mar > 6 && mar <= 9){
								$(this).children().eq(mar-1).css('margin-bottom','100px');
							}
							if(mar > 9){
								$(this).children().eq(mar-1).css('margin-bottom','30px');
							}
							var a = this;
							var num = a.id-1;
							var n = -(num*30);
							$(this).css('top',n+'px');
						});

//						$('.unpor_test_css li:last-child').
//						$('.no').mouseout(function(){
//							var a = $(this).index();
//							$('.unpor_test_css').eq(a).css('display','block').siblings().css('display','none');
//						})
//						$('.unpor_three_title').eq(0).css('margin-left','150px');
//		$('.one-half').click(function(){alert(12);});
	</script>